<template>
	<div class="cart-list">
		<Scroll class="content" ref="scroll">
			<cartListitem v-for="(item,index) in cartList" :key="index" :item-info="item"></cartListitem>
		</Scroll>
	</div>
</template>

<script>
	import Scroll from '../../../components/common/scroll/Scroll.vue'
	import {mapGetters} from 'vuex'
	import cartListitem from './cartListitem.vue'
	export default{
		components:{
			Scroll,cartListitem
		},
		computed:{
			...mapGetters(['cartList'])
		},
		activated() {
			this.$refs.scroll.refresh()
		}
	}
</script>

<style scoped="scoped">
	.cart-list{
		height: calc(100% - 44px - 49px - 40px);
	}
	.content{
		height: 100%;
		overflow: hidden;
	}
</style>
